<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>教育网站</title>
</head>
<body>
    <details>
        <summary>这是标题</summary>
        这是内部的隐藏内容
    </details>
    <hr size="3" color="red">
    <p>正在进行中：</p>
    <progress></progress>
    <p>已进行20%</p>
    <progress value="20" max="100" ></progress>
    <hr size="3" color="red">
    <p>已进行10%</p>
    <meter max="100" min="0" value="10" high="80" low="20" optimum="100" title="10%"></meter>
    <p>已进行50%</p>
    <meter max="100" min="0" value="50" high="80" low="20" optimum="100" title="50%"></meter>
    <p>已进行100%</p>
    <meter max="100" min="0" value="100" high="80" low="20" optimum="100" title="100%"></meter>
    <h2 align="center" >你好世界</h2>
    <hr size="3" color="red">
    <p>我们每天<time>9:00</time>开始营业</p>
    <p>我们在<time datetime="2018-08-14" >情人节，有个约会</time></p>
    <p>记录于<time datetime="2022-03-28" pubdate="pubdate">2021-02-28</time></p>
    <hr size="3" color="red">
    <p>此处将会<mark>高亮显示</mark></p>
    <hr size="3" color="red">
    <p>知识就是力量！</p>
    <cite>————沃兹基硕德</cite>
    <hr size="3" color="red">
    <h2>不可编辑的菜单</h2>
    <ul>
        <li>菜单1</li>
        <li>菜单2</li>
        <li>菜单3</li>
        <li>菜单4</li>
    </ul>
    <h2 contenteditable="true">可编辑的菜单</h2>
    <ul contenteditable="true">
        <li>菜单1</li>
        <li>菜单2</li>
        <li>菜单3</li>
        <li>菜单4</li>
    </ul>
    <hr size="3" color="red">
    <textarea cols="90" rows="4" spellcheck="true"></textarea><!-- 这是一个输入框 -->
    <!-- cols是宽度 rows是显示的行数 -->
</body>
</html>